<template>
	<view class="content">
			<view class="page">
			    <upload-img 
			        :width="672"
			        :height="320"
			        bgsrc="../../../static/temp/bg.png"
			        @chooseimg="handleChooseImg">
			    </upload-img>
			</view>
		<view class="bottom">
			<text>确认</text>
		</view>
	</view>
</template>

<script>
	import uploadImg from '../../../components/amazarashi-uploadimg/uploadImg.vue'
	export default {
	    data() {
	        return {
	            src:''
	        }
	    },
	    components:{
	        uploadImg
	    },
	    methods:{
	        handleChooseImg(e){
	            console.log('imageSrc:',e);
	        }
	    }
	}
</script>

<style lang="less">
	.content{
			.page{
				width: 670upx;
				height: 320upx;
				background: #F2F2F2;
				border-radius: 20px;
				margin:40upx auto;
			}
		.bottom{
			    width: 250px;
			    height: 44px;
			    background: #E50012;
			    border-radius: 22px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    color: #ffffff;
			    margin: 60px auto;
		}
	}
</style>
